<template>
  <div>
    <div class="tem-container app-container">
      <a-button @click="print" class="signs print">打印</a-button>
      <a-button @click="showlip" v-if="showBtn" class="signs">盖章</a-button>
      <div id="print">
        <div class="tem_list">
          <div class="tem_main">
            <h1>XXXX</h1>
            <h2>报 价 单</h2>
            <h4>TO：</h4>
            <p class="title"> 感谢惠顾，现将贵公司所需配件报价如下：</p>
            <p class="lip">一、产品价格</p>
            <div style="padding: 0 1px 0 0; margin-bottom: 20px">
              <a-table :dataSource="dataSource" :columns="columns" :pagination="false"></a-table>
            </div>
            <p class="lip">一、通讯联络</p>
            <div class="content1">
              <div class="item">
                <span>需方联系人员：</span>
                <span>丰梦琪</span>
              </div>
              <div class="item">
                <span>供方联系人员：</span>
                <span>应白梦</span>
              </div>
              <div class="item">
                <span>需方联系电话：</span>
                <span>13802141322</span>
              </div>
              <div class="item">
                <span>供方联系电话：</span>
                <span>13802141322</span>
              </div>
              <div class="item">
                <span>需方传真号码：</span>
                <span>010-88888888</span>
              </div>
              <div class="item">
                <span>供方传真号码：</span>
                <span>021-88888888</span>
              </div>
              <div class="item">
                <span>供方地址：</span>
                <span>北京市海淀区西直门北大街42号</span>
              </div>
              <div class="item">
                <span>供方地址：</span>
                <span>上海市青浦区</span>
              </div>
              <div class="item">
                <span>供方邮编：</span>
                <span>100000</span>
              </div>
              <div class="item">
                <span>供方邮编：</span>
                <span>201799</span>
              </div>
            </div>
            <div class="temdate">日 期：2017-11-29</div>
            <div class="seal">盖章：</div>
          </div>
          <vue-drag-resize
            :isDraggable="showBtn"
            :w="150"
            :h="150"
            :isResizable="false"
            v-if="showsin"
            :parentLimitation="true"
          >
            <img
              src=""
              alt=""
            />
            <div class="signBtn">
              <a-button @click="signclick" v-if="showBtn">确认</a-button>
              <a-button @click="canclesign" v-if="showBtn">取消</a-button>
            </div>
          </vue-drag-resize>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
  import { defineComponent } from 'vue';
  import IndexMixin from './index-mixin';
  export default defineComponent({
    name: 'signet',
    mixins: [IndexMixin],
  });
</script>

<style lang="less" scoped>
  @import './index.less';
</style>
